<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Login</title>
<link rel="stylesheet" type="text/css" href="css/Style.css" />
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
</head>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<% String error = (String) request.getAttribute("invalid_login");%>

<body>
<header class="cabecera">

<div class="image">

	<img src="Images/Skyline.png" alt="Mi titulo de la imagen">

	

	<div class="login"> 
 		<img src="Images/icon.png" alt="icono">
 		<a href="#">LogIn</a> / <a href="visitorRegister.htm">SignIn</a>

        
        

</div>

<nav class="nav"> 
	<ul class="menu">
		<li><a href="index.htm"> Home</a></li>
		<li><a href="#"> North Town</a>
			<ul>
				<li><a href="museum.htm"> Museum</a></li>
				<li><a href="theater.htm"> Theater</a></li>
				<li><a href="stadium.htm"> Stadium</a></li>
				<li><a href="business.htm"> Business</a></li>
			</ul>
		</li>
		<li><a href="#"> South Town</a>
			<ul>
				<li><a href="park.htm"> Park</a></li>
				<li><a href="zoo.htm"> Zoo</a></li>
				<li><a href="attractions.htm"> Attractions</a></li>
				<li><a href="markets.htm"> Markets</a></li>
			</ul>
		</li>
		<li><a href="login.htm"> Events</a></li>
	</ul>
 </nav>

</header>



<div class="Container">
<h2> Login Page</h2>

<div id="marcoForm">
	<form action="validate_login.htm" method="post" name="form">
		<label for="user"> UserName*:
		<input type="text" name="user" id= "user" placeholder="6-12 characters" minlength="6" maxlength="12"  tabindex="3" required/> 
		<br>
		<br>
		<label for="pass1" > Password*:</label>
		<input type="password" name="pass1" id= "pass1" placeholder="6-15 characters" minlength="6" maxlength="15"  tabindex="4" required/> 
		<br>
		<br>
		<input type="submit" value="Login">
		
		<c:if test="${error!=null}">
		<p><font color="red"><%= error%></font></p>
		</c:if>
		<p  class="change_link">
									Not a member yet ?
									<a href="visitorRegister.htm" class="to_register">Join us</a>
								</p>
								
	</form>
</div>
</div>

<footer> Copyright @ 2015 All rights reserved </footer>

</body>
</html>